<template>
  <div class="tab-container">
    <!--<el-input style="width: 200px;" />-->
    <!--<el-button type="primary" style="margin-left: 10px;">搜索</el-button>-->

    <!--<el-dropdown style="float:right;margin-left: 10px; color: #0a76a4" trigger="click">-->
      <!--<span class="el-dropdown-link">-->
     <!--<i class="el-icon-download"></i> 导出<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
      <!--</span>-->
      <!--<el-dropdown-menu slot="dropdown" >-->
        <!--<el-dropdown-item icon="el-icon-plus">导出此页</el-dropdown-item>-->
        <!--<el-dropdown-item icon="el-icon-plus">导出全部</el-dropdown-item>-->
      <!--</el-dropdown-menu>-->
    <!--</el-dropdown>-->

<!--    <el-tabs v-model="activeName" style="margin-top:15px;" type="border-card">-->
<!--      <el-tab-pane v-for="item in tabMapOptions" :key="item.key" :label="item.label" :name="item.key">-->
<!--      </el-tab-pane>-->
<!--    </el-tabs>-->
    <el-row>
      <el-col :span="24" align="middle" justify="space-around">
        <img src="../../../../assets/img/暂无 1@2x.png" width="254" height="254">
        <h3 >暂无数据</h3>
      </el-col>
    </el-row>
  </div>
</template>
<script>
  import TabPane from './components/TabPane'
  export default {
    components: { TabPane },
    data() {
      return {
        tabMapOptions: [
          { label: '待审批', key: 'D' },
          { label: '未通过', key: 'W' },
          { label: '已通过', key: 'Y' }
        ],
        activeName: 'D',
        createdTimes: 0
      }
    },
    watch: {
      activeName(val) {
        this.$router.push(`${this.$route.path}?tab=${val}`)
      }
    },
    created() {
      const tab = this.$route.query.tab
      if (tab) {
        this.activeName = tab
      }
    },
    methods: {
      showCreatedTimes() {
        this.createdTimes = this.createdTimes + 1
      }
    }
  }
</script>

<style scoped>
  .tab-container {
    margin: 30px;
  }
</style>
